<template>
    <el-icon class="el-icon">
		<custom-resolve-icon :name="icon"></custom-resolve-icon>
	</el-icon>
</template>

<script setup lang="ts">
import CustomResolveIcon from './CustomResolveIcon.vue';

const props = defineProps({
	
    icon: {
		type: String,
		required: true
	},

	className: {
		type: String,
	}
})
</script>


<style scoped lang="scss">
.el-icon {
	display: inline-block;
	vue-icon {
		width: 1em;
		height: 1em;
		vertical-align: -0.15em;
		fill: currentColor;
		overflow: hidden;
		flex-shrink: 0;
	}
}
</style>